<!--
 * @Author: your name
 * @Date: 2020-05-25 20:17:16
 * @LastEditTime: 2020-05-26 14:21:27
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \bootstrap-practice\08新闻站\index.html
 -->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>腿条新闻</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/main.css">
</head>

<body>
    <div class="navbar navbar-default">
        <div class="container">
            <div class="navbar-header">
                <a class="navbar-brand" href="index.html">腿条新闻</a>
            </div>
            <ul class="nav navbar-nav">
                <li><a href="#">首页</a></li>
                <li><a href="#">国内</a></li>
                <li><a href="#">国际</a></li>
                <li><a href="#">科技</a></li>
                <li><a href="#">社会</a></li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
                <li><a href="#">登录</a></li>
                <li><a href="#">注册</a></li>
            </ul>
        </div>
    </div>
    <div class="container">
        <div class="row">
            <div class="col-md-8">
                <h1 class="news-title">武汉全民核酸检测进入尾声，十天内查出189例无症状感染者</h1>
                <div class="new-status">25k阅读 • 35分钟之前发布
                    <div class="label label-default">教育</div>
                    <div class="label label-default">情感</div>
                </div>
                <div class="news-content">
                    <blockquote>
                        <p>
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
                        </p>
                    </blockquote>
                    <div>
                        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et doloid est laborum.
                    </div>
                    <img src="./img/size.png" alt="">
                    <div>
                        Lorem ipsum dolor sit amet, consectetur adipisicing elit, derit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
                        Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
                        est laborum.
                    </div>
                    <div>
                        Lorem ipsum dolor sit amet, consectetur adipisicing elit, x ea commodo consequat. Duis aute irure dolor in reprehenderit
                        in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
                        non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                    </div>
                    <div>
                        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor t in voluptate velit esse cillum dolore eu
                        fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
                        deserunt mollit anim id est laborum.
                    </div>
                    <div>
                        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor lum dolore eu fugiat nulla pariatur. Excepteur
                        sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                    </div>
                    <div>
                        Lorem ipsum dolor sit amet, irure dolor in reprehenderit in voluptate velit esse cepteur sint occaecat cupidatat non proident,
                        sunt in culpa qui officia deserunt mollit anim id est laborum.
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="sidebar-card">
                    <div class="card-title">相关推荐</div>
                    <div class="card-body">
                        <div class="list">
                            <div class="item clearfix">
                                <div class="col-xs-5 no-padding-h">
                                    <img src="./img/size.png" alt="">
                                </div>
                                <div class="col-xs-7">
                                    <div class="title">eiusmod tempor incididunt ut lab</div>
                                    <div class="desc">
                                        阅读 <span class="badge badge-danger">50k</span>
                                        评论 <span class="badge badge-info">1k</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="sidebar-card">
                    <div class="card-title">24小时热文</div>
                    <div class="card-body">
                        <div class="list">
                            <div class="item">
                                <div class="title">
                                    Lorem ipsum dolor sit amet, consectetur adipisicing elit
                                </div>
                                <div class="desc">
                                    阅读 <span class="badge badge-danger">50k</span>
                                    评论 <span class="badge badge-info">1k</span>
                                </div>
                            </div>
                            <div class="item">
                                <div class="title">
                                    Lorem ipsum dolor sit amet, consectetur adipisicing elit
                                </div>
                                <div class="desc">
                                    阅读 <span class="badge badge-danger">50k</span>
                                    评论 <span class="badge badge-info">1k</span>
                                </div>
                            </div>
                            <div class="item">
                                <div class="title">
                                    Lorem ipsum dolor sit amet, consectetur adipisicing elit
                                </div>
                                <div class="desc">
                                    阅读 <span class="badge badge-danger">50k</span>
                                    评论 <span class="badge badge-info">1k</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer">
            Powered by wordpress)))and Theme bootstrap
            京ICP备 备你妈的案
    </div>
</body>

</html>